<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>移除事件unbind</title>
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<style type="text/css">
	body{font-size:13px}
	.btn{border:#666 1px solid;padding:2px;width:80px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff,EndColorStr=#ECE9D8}
	div{line-height:1.8em}
</style>
<script type="text/javascript">
	$(function(){
		function oClick(){
			$("#divTip").append("<div>按钮二的单击事件</div>");
		}
		$("input:eq(0)").bind("click",function(){
			$("#divTip").append("<div>按钮一的单击事件</div>")
		});
		$("input:eq(1)").bind("click",oClick);
		$("input:eq(2)").bind("click",function(){
			$("input").unbind();
		})
	})
	
</script>
</head>
<body>
<div>
	<input id="Button1" type="button" value="按钮一" class="btn"/>
	<input id="Button2" type="button" value="按钮二" class="btn"/>
	<input id="Button3" type="button" value="删除事件" class="btn"/>
</div>
<div id="divTip" style="padding-top:10px"></div>
</body>
</html>